{% extends 'knowledge/base.html' %}

{% block title %}确认删除 - 知识库管理系统{% endblock %}

{% block content %}
<div class="max-w-md mx-auto">
    <div class="flex items-center mb-6">
        <a href="{{ cancel_url }}" class="text-neutral hover:text-primary mr-4">
            <i class="fa fa-arrow-left"></i>
        </a>
        <h2 class="text-[clamp(1.5rem,3vw,2rem)] font-bold text-gray-800">确认删除</h2>
    </div>

    <div class="bg-white rounded-xl p-6 md:p-8 card-shadow">
        <div class="text-center mb-6">
            <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-4">
                <i class="fa fa-exclamation-triangle text-red-500 text-2xl"></i>
            </div>
            <h3 class="text-lg font-semibold text-gray-800 mb-2">确定要删除 {{ item_type }} <span class="text-red-600 font-medium">{{ item_name }}</span> 吗？</h3>
            <p class="text-neutral">此操作不可撤销，删除后所有相关数据将永久丢失。</p>
        </div>

        <form method="post" class="space-y-4">
            {% csrf_token %}
            <div class="flex space-x-3">
                <a href="{{ cancel_url }}" class="flex-1 px-4 py-3 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition-colors text-center">
                    取消
                </a>
                <button type="submit" class="flex-1 px-4 py-3 bg-red-600 text-white rounded-lg hover:bg-red-500 transition-colors text-center">
                    <i class="fa fa-trash-o mr-2"></i>确认删除
                </button>
            </div>
        </form>
    </div>
</div>
{% endblock %}